/*悬浮链接*/
 .box20240601180646 {
    position:fixed;
    z-index:55;
    right:15px;
    bottom:70px;
    width:75px;
    /*height:240px;*/
    border-radius: 15px;
    background-color:#428835;
    padding: 10px;
}
.box20240601180646-box {
    position:relative;
    float:right;
}
.box20240601180646 .a {
    display:block;
    width:100%;
    text-align: center;
    background-color:#428835;
    margin-bottom:4px;
    cursor:pointer;
    outline:none;
    padding-top: 10px;
    padding-bottom: 10px;
}
.box20240601180646 .a.active, .box20240601180646 .a:hover {
    /*background:#F05352;*/
}
.box20240601180646 .a .i {
    float:left;
    width:44px;
    height:44px;
    background-image:url(/template/moban/online_service/box20240601180646/images/side_icon.png);
    background-repeat:no-repeat;
}
/* .box20240601180646 .a-service .i{background-position:0 0;} */
 .box20240601180646 .a-service .i {
    width:20px;
    height:20px;
    margin-top:12px;
    margin-left:12px;
    background-image:url(/template/moban/online_service/box20240601180646/images/suspension-bg.png);
    background-repeat:no-repeat;
    background-position:0 0;
}
.box20240601180646 .a-service-phone .i {
    width:20px;
    height:20px;
    margin-top:12px;
    margin-left:12px;
    background-image:url(/template/moban/online_service/box20240601180646/images/suspension-bg.png);
    background-repeat:no-repeat;
    background-position:-27px 0;
}
.box20240601180646 .a-qrcode .i {
    background-position:-44px 0;
}
.box20240601180646 .a-cart .i {
    background-position:-88px 0;
}
.box20240601180646 .a-top .i {
    background-position:-132px 0;
}
.box20240601180646 .a-top {
    /*background:#D2D3D6;*/
    display:none;
}
.box20240601180646 .a-top:hover {
    /*background:#c0c1c3;*/
}

.box20240601180646 .d {
    display: none;
    width: 194px;
    background: #fff;
    position: absolute;
    right: 65px;
    min-height: 90px;
    border: 1px solid #E0E1E5;
    border-radius: 10px;
    box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11);
}
.box20240601180646 .d .arrow {
    position:absolute;
    width:8px;
    height:12px;
    background:url(/template/moban/online_service/box20240601180646/images/side_bg_arrow.png) no-repeat;
    right:-8px;
    top:189px;
}
.box20240601180646 .d-service {
    top:0;
}
.box20240601180646 .d-service-phone {
    top:34px;
}
.box20240601180646 .d-qrcode {
    top:-160px;
}
.box20240601180646 .d .inner-box {
    padding:20px 20px;
}
.box20240601180646 .d-service-item {
    border-bottom:1px solid #eee;
    padding:14px 0;
}
.box20240601180646 .d-service .d-service-item {
    border-bottom:none;
}
.box20240601180646 .d-service-item .circle {
    width:44px;
    height:44px;
    border-radius:50%;
    overflow:hidden;
    background:#F1F1F3;
    display:block;
    float:left;
}
.box20240601180646 .d-service-item .i-qq {
    width:44px;
    height:44px;
    background:url(/template/moban/online_service/box20240601180646/images/side_con_icon03.png) no-repeat center 15px;
    display:block;
    transition:all .2s;
    border-radius:50%;
    overflow:hidden;
}
.box20240601180646 .d-service-item:hover .i-qq {
    background-position:center 3px;
}
.box20240601180646 .d-service-item .i-tel {
    width:44px;
    height:44px;
    background:url(/template/moban/online_service/box20240601180646/images/side_con_icon02.png) no-repeat center center;
    display:block;
}
.box20240601180646 .d-service-item h3 {
    float:left;
    width:112px;
    line-height:44px;
    font-size:15px;
    margin-left:12px;
}
.box20240601180646 .d-service-item .text {
    float:left;
    width:112px;
    line-height:22px;
    font-size:15px;
    margin-left:12px;
}
.box20240601180646 .d-service-item .text .number {
    font-family:Arial, "Microsoft Yahei", "HanHei SC", PingHei, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}
.box20240601180646 .d-service-intro {
    padding-top:10px;
}
.box20240601180646 .d-service-intro p {
    float:left;
    line-height:27px;
    font-size:12px;
    width:50%;
    white-space:nowrap;
    color:#888;
}
.box20240601180646 .d-service-intro i {
    background:url(/template/moban/online_service/box20240601180646/images/side_con_icon01.png) no-repeat center center;
    height:27px;
    width:14px;
    margin-right:5px;
    vertical-align:top;
    display:inline-block;
}
.box20240601180646 .d-qrcode {
    text-align:center;
}
.box20240601180646 .d-qrcode .inner-box {
    /*padding:20px 12px;*/
}
.box20240601180646 .d-qrcode p {
    font-size:16px;
    color:#93959c;
}